<template>
  <div>
    <h1>App</h1>

    <hr />

    <HelloWorld ref="hwRef" />
  </div>
</template>

<script lang="ts" setup>
import HelloWorld, { type Expose } from './components/HelloWorld.vue'
import {onMounted, ref} from "vue";

/**
 * typof 组件       =》 组件类型
 *
 * InstanceType    => 获取组件类型的实例类型
 */
// const hwRef = ref<InstanceType<typeof HelloWorld>>()
const hwRef = ref<Expose>()

onMounted(() => {
  hwRef.value?.$props
})
</script>
